<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>排位赛</title>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/aui.css"/>
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="css/alert.css">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/mui.min.js"></script>
    <script src="js/init.js"></script>
    <script>window.location="#begin"</script>
</head>
<body>
    <header class="mui-bar mui-bar-nav ">
        <a href="index2.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id="page_title">{$data.page_title}</h1>
        <img class="guize_btn fr aui-mar-t-15" src="image/mx_guize.png" alt="" width="20">
    </header>
    <div class="fix paiwei_user aui-bg-blue aui-color-white flex aui-col-10">
        <div class="f1"><img class="user_tx block" style="width:55px;height:55px;" src="image/avatar.png" alt="" ></div>
        <div class="f1"><div>司马懿</div><div class="f12">ID:15682</div></div>
        <div class="f1 f12"><span class="aui-pad-5 aui-background-lightblue aui-border-radius-15 inline aui-col-9"><img class="vmid aui-mar-r-5" src="images/xing.png" alt="" width="14">5612</span></div>
        <div class="f1 f12"><span class="aui-pad-5 aui-background-lightblue aui-border-radius-15 inline aui-col-9"><img class="vmid aui-mar-r-5" src="images/zuan.png" alt="" width="14"><span>5612</span></span></div>
    </div>
    <div class="mui-content f14">
        <div class="mui-text-center" style="padding:70px 20px 0;"><img class="aui-col-5"src="images/pws_finish.png" alt=""></div>
<!--------闯关开始--------->
        <ul class="pws_pass f12">
            <li class="pws_pass10 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_10.png" alt=""></div>
                        <div class="f1"><div class="f14">第十关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:100px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass9 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_9.png" alt=""></div>
                        <div class="f1"><div class="f14">第九关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:80px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass8 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_8.png" alt=""></div>
                        <div class="f1"><div class="f14">第八关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:100px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass7 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_7.png" alt=""></div>
                        <div class="f1"><div class="f14">第七关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:80px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass6 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_6.png" alt=""></div>
                        <div class="f1"><div class="f14">第六关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:100px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass5 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_5.png" alt=""></div>
                        <div class="f1"><div class="f14">第五关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:80px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass4 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_4.png" alt=""></div>
                        <div class="f1"><div class="f14">第四关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:100px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass3 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_3.png" alt=""></div>
                        <div class="f1"><div class="f14">第三关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:80px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass2 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_2.png" alt=""></div>
                        <div class="f1"><div class="f14">第二关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab none" style="left:100px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <img class="pws_yun ab aui-col-10 none" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">
                <img class="pws_suo ab" src="images/pws_suo.png" alt="" width="50">
            </li>
            <li class="pws_pass1 re">
                <div class="pws_xing mui-text-right">
                    <img src="images/pws_xing.png" alt="">
                    <img src="images/pws_xing.png" alt="">
                </div>
                <div class="table re">
                    <div class="table_bg ab"></div>
                    <div class="flex ab aui-col-10">
                        <div class="table_logo"><img class="aui-col-10" src="images/pws_1.png" alt=""></div>
                        <div class="f1"><div class="f14">第一关</div><div>奖金: <img src="images/xing.png" alt="" width="12">20</div></div>
                        <div class="f1">入场券：20</div>
                    </div>
                    <img class="pws_tizi ab" style="left:80px;bottom:-60px;z-index:1;" src="images/pws_tizi.png" alt="" width="20">
                </div>
                <!--<img class="pws_yun ab aui-col-10" style="left:0;top:-20px;" src="images/pws_yun.png" alt="">-->
            </li>
        </ul>
<!--------闯关结束--------->
        <div id="begin" class="pass_begin re"><img class="ab" src="images/pws_begin.png" alt=""></div>

        <div class="alert none">
            <div class="guize_box box ab none" style="padding-top:20px;">
                <img class="close ab auto" style="bottom:-40px;left:0;right:0;" src="images/close_icon.png" alt="" width="40">
                <div class="tc_btn mui-text-center">游戏规则</div>
                <div>
                    <div class="bor-l">剪刀石头布</div>
                    <div>石头＞剪子，剪子＞布，布＞石头</div>
                    <div class="bor-l">十五二十</div>
                    <div>猜对双方出拳的总和，即胜出。</div>
                    <div class="bor-l">大话骰</div>
                    <div>每个人轮流说出场上有可能出的骰子数量若觉得骰子数量不够，可选择开骰。 主动猜中则获胜，主动猜错则失败 骰子1可以随意充当任何数字。</div>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="js/game.js"></script>
</html>